<div class="addMapLayerContainer">
    <div class="addMapLayerView">
        <form action="#" method="POST">

            <div class="box-content nopadding">

                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#" data-rel="#addMapLayer_NewFile"><i class="icon-inbox"></i> {{L '_newFile'}}</a>
                    </li>
                    <!--<li>
                        <a href="#" data-rel="#addMapLayer_FromLibrary"><i class="icon-share-alt"></i> {{!L 'from_library'}}</a>
                    </li>-->
                </ul>

                <div class="tab-content tab-content-inline tab-content-bottom">
                    <div class="tab-pane active" id="addMapLayer_NewFile">

                        <div>
                            <span>{{L '_layerName'}}</span>
                            <input class="input-large" name="layerName" type="text">
                        </div>

                        <div>
                            <span>{{L '_layerType'}}</span>
                            <select name="layerType" class="input-large">
                                <option value="shapefile">{{L '_fromFile'}}</option>
                                <!--<option value="arcgisserver">{{L '_arcgisServer'}}</option>-->
                            </select>
                        </div>

                        <div class="layertype_url" style="display:none">
                            <span>Url</span>
                            <input class="input-large" name="layerUrl" type="text">
                        </div>


                        <div class="layertype_file">
                            <span>{{L '_fileToUpload'}}</span>
                            <div class="filelist">Your browser doesn't have Flash, Silverlight or HTML5 support.</div>
                            <div>
                                <a class="addLayerFile btn" href="javascript:;">{{L '_selectFile'}}</a>
                            </div>
                        </div>
                    </div>

                    <!--<div class="tab-pane" id="addMapLayer_FromLibrary">
                        <input name="layerLibrary" type="hidden">
                        <table class="table table-nomargin table-condensed dataTable-nofooter ">
                            <thead>
                                <tr>
                                    <th width="60%">{{!L 'name'}}</th>
                                    <th width="39%">{{!L 'created_at'}}</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>-->

                </div>
            </div>
        </form>
    </div>
</div>